<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery-1.8.0.min.js"></script>
		<script type="text/javascript" src="http://underscorejs.org/underscore.js"></script>
		<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>
		
		<link rel="stylesheet" href="public/css/seednia.actionable.css"/>
	</head>
	<body>
						
						<div id="actionable-component" style="width: 200px;">
							<header id="actionable-component-header">
								<h5>TASKS</h5>
								<input type="text" id="new-actionable" name="new-actionable" class="input-medium required" placeholder="New Actionable" >
							</header>
							<section id="actionable-component-main">
								<ul id="actionable-list" ></ul>
							</section>
							<footer id="actionable-component-footer">
							</footer>
						</div>
		
	
<script type="text/template" id="actionable-template">
    <div >
		<div class="view">
			<input type="checkbox" class="toggle" <%= (status==4) ? 'checked="checked"' : '' %> /><% if (typeof sid != 'undefined') print(sid) %>:
			<label title="<%= status %>"><%= name %></label> <a class="delete">[X]</a>
		</div>
		<input class="edit" type="text" value="<%= name %>" />
	</div>
</script>
<script type="text/template" id="stats-template">
	<% if (completed) { %>
      <a id="clear-completed">Clear <%= completed %> completed <%= completed == 1 ? 'actionable' : 'actionables' %></a>
    <% } %>
    <div class="actionable-count"><b><%= remaining %></b> <%= remaining == 1 ? 'item' : 'items' %> left</div>
</script>
<script type="text/javascript" src="public/js/seednia.actionable.js"></script>
	
<script type="text/javascript">
(function ($) {

/*
 * [{ "sid": 1, "name": "FROM REST nice test", "description": "Difficult Actionable", "creatorDisplayName": "REST Ahn", "createDt": "2012/1/3", "creatorProfileImageSid": 58, "projectSid": 11, "projectName":"Seednia" },
{ "sid": 2, "name": "FROM REST 22", "description": "FROM REST nice test", "creatorDisplayName": "REST 2", "createDt": "2012/1/3", "creatorProfileImageSid": 58, "projectSid": 11, "projectName":"Seednia" }]
 */
var actionables = new seednia.ActionableCollection(null, { domainId: "host",
	projectSid: 1,
	creatorSid: 1 });

var actionableComponentView = new seednia.ActionableComponentView({ 
	collection:  actionables, 
	el: $("#actionable-component")
});

} (jQuery));

</script>
	</body>
</html>
